<template>
  <div class="son">
    <h3>子组件</h3>
    <h4>我的玩具：{{ toy }}</h4>
    <h4>父给我的车：{{ car }}</h4>
    <button @click="getToy(toy)">玩具给父亲</button>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
const toy = ref("奥特曼");
// defineProps方式一
defineProps(["car", "getToy"]);
// defineProps方式二
// 可以设置类型和默认参数
// function只能用第一种
// let props = defineProps({
//   car: {
//     type: String,
//     default: "默认参数",
//   },
// });
</script>
<style scoped>
.son {
  width: 80vw;
  height: 80vh;
  border: 1px solid red;
}
</style>